<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" th:src="@{/js/require.js}"></script>
    <script type="text/javascript" th:src="@{/js/requireConfig.js}"></script>
    <link rel="stylesheet" th:href="@{/css/sa.css}">
    <style>

    </style>
</head>
<body>
<div style="margin-top: -1em;"><br></div>
<div id="toolbarDemo" style="display: none">
    <div class="layui-btn-container">

    </div>
</div>
<div id="uploadLoadingDiv" style="position: fixed;top:0">
    <div class="layui-progress" lay-filter="demo">
        <div class="layui-progress-bar layui-bg-orange" lay-percent="0%"></div>
    </div>
</div>
<div id="toolbarDemoXX" style="display: none">
    <div class="layui-btn-container">

    </div>
</div>
<div class="vue-box" style="display: block;">
<!--

-->


    <a  id="dj" class="layui-btn layui-btn-primary" @click="dy()">打印</a>
    <div class="c-panel" style="padding: 5px 10px">
        <p style="text-align: center;padding-top: 10px"><h2 style="text-align: center">[[${System_Title}]]订货单</h2><h5 style="text-align: center;padding-top: 10px">客服电话：4008007788</h5></p>
        <br>
        <div class="dy">
            <div class="c-title">订单详情
            </div>
            <div class="sa-table">
                <table class="layui-table">
                    <tr>
                        <th>订单编号</th>
                        <td style="width: 150px">{{th.uuid}}</td>
                        <th>下单用户</th>
                        <td>{{th.users.name}}</td>
                        <th>下单时间</th>
                        <td>{{th.createTime}}</td>
                        <th>订单状态</th>
                        <td>{{th.status.display}}</td>
                    </tr>
                    <tr>
                        <th>应付款金额</th>
                        <td style="width: 150px">{{th.incomeMoney}}</td>
                        <th>付款金额</th>
                        <td>{{th.money}}</td>
                        <th>优惠折扣</th>
                        <td>{{th.saleMoney}}</td>
                    </tr>
                    <tr>
                        <th>退货/取消说明</th>
                        <td colspan="7">{{th.note}}</td>
                    </tr>
                    <tr>
                        <th>用户留言</th>
                        <td colspan="7">{{th.spack}}</td>
                    </tr>
                </table>
            </div>
            <div class="c-title">使用优惠券</div>
            <div class="sa-table">
                <table class="layui-table" >
                    <tr v-for="sale in saleItem">
                        <th>优惠券名称</th>
                        <td colspan="4">{{sale.usersSale.sale.name}}</td>
                        <th>优惠金额</th>
                        <td colspan="4">{{sale.usersSale.sale.money}}</td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="c-title">邮寄详情</div>
        <div class="sa-table">
            <table class="layui-table">
                <tr>
                    <th>邮寄地址</th>
                    <td style="width: 150px">{{th.userSite.site}}</td>
                    <th>收货人</th>
                    <td>{{th.userSite.people}}</td>
                    <th>电话</th>
                    <td>{{th.userSite.mobile}}</td>
                    <th>邮寄方式</th>
                    <td v-if="th.diction!=null">{{th.diction.val}}</td>
                    <td v-if="th.diction==''">&nbsp;</td>
                </tr>
                <tr>
                    <th>快递单号</th>
                    <td colspan="7">{{th.nio}}</td>
                </tr>
            </table>
        </div>
        <div class="c-title">商品详情</div>
        <div class="sa-table">
            <div class="sa-table" id="tabXXTT"></div>
        </div>
    </div>
</div>
<script type="text/html" id="color">
    {{d.shopSpec.name}}
</script>
<script type="text/html" id="sepceName">
    {{d.shopSpec.shop.name}}
</script>
<script type="text/html" id="price">
    {{d.shopSpec.price}}
</script>
<script type="text/javascript" th:src="@{/js/app/Order/item.js}"></script>

</body>
</html>